<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="f" uri="http://java.sun.com/jsp/jstl/fmt" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>订单信息</title>
    <link rel="stylesheet" type="text/css" href="${basePath}/public/css/common.css">
</head>
<body>
<div class="top-header">
    <div class="section">
        <div class="top-header-left f-left">
            <a href="#">LOGO</a>
        </div>
        <div class="top-header-right f-right">
            <c:choose>
                <c:when test="${empty user}">
                    <a href="${basePath}/home/vipUser/toLogin">登录</a>
                    <a href="${basePath}/home/vipUser/toRegisterVip">注册</a>
                    <a href="${basePath}/admin/adminUser/toLogin">后台</a>
                </c:when>
                <c:otherwise>
                    <a href="#">欢迎你!<W style="color: bisque;font-weight: bold; font-family: 微软雅黑; font-size: 20px;">${user.username}</W></a>
                    <a href="${basePath}/admin/adminUser/toLogin">后台</a>
                    <a href="${basePath}/home/vipUser/write">注销</a>
                </c:otherwise>
            </c:choose>
        </div>
    </div>
</div>

<div class="section nav-header">
    <ul class="nav-menus f-left">
        <li><a href="${basePath}/home/homepage/index">首页</a></li>
        <li><a href="${basePath}/home/homepage/toProductList" >产品列表</a></li>
        <li><a href="${basePath}/home/cart" >购物车</a></li>
        <li><a href="${basePath}/home/homepage/index"  class="active">会员中心</a></li>
        <li><a href="${basePath}/home/News/toNews">新闻资讯</a></li>
        <li><a href="${basePath}/home/pay/contact">联系我们</a></li>
    </ul>
    <div class="f-right nav-right">
        <input type="text" class="seacher-input f-left" placeholder="输入关键字">
        <a class="seacher-but  f-left" onclick="select()">搜索</a>
    </div>
</div>

<div class="section clearfix" style="margin-top: 10px;">
    <!--页面左边-->
    <div class="left-260">
        <div class="bg-wrap">
            <div class="avatar-box">
                <a class="img-box" href="${basePath}/home/vipUser/index">
                    <img src="${basePath}/public/images/${sessionScope.userImg}">
                </a>
                <h3>
                    ${sessionScope.username}
                </h3>
                <p><b>注册会员</b></p>
            </div>
            <div class="center-nav">
                <ul>
                    <li>
                        <h2>
                            <i class="iconfont icon-order"></i>
                            <span>订单管理</span>
                        </h2>
                        <div class="list">
                            <p><a href="${basePath}/home/ShopOrder/orderList"><i class="iconfont icon-arrow-right"></i>交易订单</a></p>
                            <p><a href="${basePath}/home/UserAddress/index"><i class="iconfont icon-arrow-right"></i>收货地址</a></p>
                        </div>
                    </li>
                    <li>
                        <h2>
                            <i class="iconfont icon-amount"></i>
                            <span>余额管理</span>
                        </h2>
                        <div class="list">
                            <p><a href="${basePath}/home/vipUser/toRecharge"><i class="iconfont icon-arrow-right"></i>账户充值
                            <p><a href="${basePath}/admin/rechargeLog/ServletRecharge"><i class="iconfont icon-arrow-right"></i>充值记录</a></p>
                        </div>
                    </li>
                    <li>
                        <h2>
                            <i class="iconfont icon-user"></i>
                            <span>账户管理</span>
                        </h2>
                        <div class="list">
                            <p><a href="${basePath}/home/vipUser/toProinfo"><i class="iconfont icon-arrow-right"></i>账户资料</a></p>
                            <p><a href="${basePath}/home/vipUser/ToUpdatePassword"><i class="iconfont icon-arrow-right"></i>修改密码</a></p>
                            <p><a href="${basePath}/home/vipUser/write"><i class="iconfont icon-arrow-right"></i>退出登录</a></p>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <!--/页面左边-->

    <!--页面左边-->
    <div class="right-auto">

        <div class="bg-wrap" style="min-height:765px;">

            <div class="sub-tit " style="margin: 0px;">
                <a class="add" href="javascript:history.go(-1);"><i class="iconfont icon-reply"></i>返回</a>
                <ul>
                    <li class="selected">
                        <a href="javascript:;">订单信息</a>
                    </li>
                </ul>
            </div>
            <c:forEach items="${list}" var="m">
            <div class="order-progress mini" style="margin: 22px 0px;">
                <ul>
                    <!--下单-->
                    <li class="first active">
                        <div class="progress">下单</div>
                        <div class="info"><f:formatDate value="${m.addTime}" pattern="yyyy-mm-dd HH:dd:ss" /></div>
                    </li>
                    <!--/下单-->
                    <!--确认-->
                    <li>
                        <div class="progress">确认</div>
                    </li>
                    <!--/确认-->
                    <!--发货-->
                    <li>
                        <div class="progress">发货</div>
                    </li>
                    <!--/发货-->
                    <!--完成-->
                    <li class="last">
                        <div class="progress">完成</div>
                    </li>
                    <!--/完成-->
                </ul>
            </div>


            <div class="form-box accept-box" style="margin: 0px;">
                <dl class="head form-group">
                    <dd>
                        订单号：${m.orderSn}

                    </dd>
                </dl>
                <dl class="form-group">
                    <dt>订单状态：</dt>
                    <dd>
                        <c:choose>
                            <c:when test="${m.shopState eq -1}">
                                已取消
                            </c:when>
                            <c:when test="${m.shopState eq 0}">
                                未支付
                            </c:when>
                            <c:when test="${m.shopState eq 1}">
                                已支付
                            </c:when>
                            <c:when test="${m.shopState eq 2}">
                                已确认，已发货
                            </c:when>
                        </c:choose>
                    </dd>
                </dl>

            </div>
            </c:forEach>


            <div class="table-wrap" style="margin: 0px;">
                <table width="100%" border="0" cellspacing="0" cellpadding="5" class="ftable">
                    <tbody><tr>
                        <th align="left" colspan="2">商品信息</th>
                        <th width="10%">单价
                        </th><th width="10%">积分</th>
                        <th width="10%">数量</th>
                        <th width="10%">金额</th>
                        <th width="10%">积分</th>
                    </tr>
                    <c:forEach items="${list1}" var="m">
                    <tr>
                        <td width="60">
                            <a target="_blank" href="/goods/show-95.html">
                                <img src="${m.goodsImg}" class="img">
                            </a>
                        </td>
                        <td align="left">
                            <a target="_blank" href="/goods/show-95.html">${m.goodsName}</a>
                            <p></p>
                        </td>
                        <td align="center">
                            <s>￥${m.price}</s>
                            <p>￥${m.price}</p>
                        </td>
                        <td align="center">
                            0
                        </td>
                        <td align="center">${m.goNum}</td>
                        <td align="center">${m.totalPrice}</td>
                        <td align="center">0</td>
                    </tr>
                    </c:forEach>

                    <tr>
                        <td colspan="7" align="right">
                            <p>商品金额：<b class="red">￥${TotalPrice}</b>&nbsp;&nbsp;+&nbsp;&nbsp;运费：<b class="red">￥0.00</b>&nbsp;&nbsp;+ &nbsp;&nbsp;支付手续费：<b class="red">￥0.00</b>&nbsp;&nbsp;税费：<b class="red">0.00</b></p>
                            <p style="font-size:22px;">应付总金额：<b class="red">￥${TotalPrice}</b></p>
                        </td>
                    </tr>
                    </tbody></table>
            </div>


            <c:forEach items="${list}" var="m">
            <div class="form-box accept-box" style="margin: 0px;">
                <dl class="head form-group">
                    <dd>收货信息</dd>
                </dl>
                <dl class="form-group">
                    <dt>顾客姓名：</dt>
                    <dd>${m.userName}</dd>
                </dl>
                <dl class="form-group">
                    <dt>送货地址：</dt>
                    <dd>${m.province}${m.city}${m.area}${m.address} </dd>
                </dl>
                <dl class="form-group">
                    <dt>联系电话：</dt>
                    <dd>${m.phone} </dd>
                </dl>
                <dl class="form-group">
                    <dt>电子邮箱：</dt>
                    <dd>${m.email}</dd>
                </dl>
                <dl class="form-group">
                    <dt>备注留言：</dt>
                    <dd>${m.remark}</dd>
                </dl>
                <dl class="form-group">
                    <dt>开具发票：</dt>
                    <dd>
                        否

                    </dd>
                </dl>

            </div>
        </c:forEach>

        </div>
    </div>
    <!--/页面左边-->
</div>

</body>
</html>
